﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link type="text/css" href="/StyleSheet.css" />
    <style type="text/css">
        .auto-style1 {
        }
        .auto-style4 {
            height: 20px;
            width: 44px;
        }
        .auto-style5 {
            width: 44px;
        }
        .auto-style8 {
            height: 20px;
            width: 52px;
        }
        .auto-style9 {
            width: 52px;
        }
        .auto-style10 {
            font-weight: bold;
        }
        .auto-style11 {
            width: 111px;
            font-weight: bold;
        }
        .auto-style12 {
            font-weight: normal;
        }
        .auto-style13 {
            width: 111px;
            font-weight: normal;
        }
    </style>
</head>
<body>

    <h1>目标列表</h1>
    <p>
        <strong>url：</strong>/Plan/(Index)/(Page-{pageIndex})?my={f/s}&amp;full={true/false}&amp;valid={true/false}</p>
    <p>
        <strong>说明：</strong>这其实是一个“共用”页面，根据不同的url参数，显示不同的信息，被视做不同的页面：</p>
    <ul>
        <li>有参数my：<ul>
            <li>my=f：我的待完成作业(f=fulfil)</li>
            <li>my=s：我的督促项目(s=supervise)</li>
            </ul>
        </li>
        <li>没有参数my：<ul>
            <li>full=true：求督促目标</li>
            <li>其他：目标列表</li>
            </ul>
        </li>
    </ul>
    <h2>进入权限</h2>
    <ul>
        <li>有参数my：已登录用户方可访问</li>
        <li>无参数my：任何用户均可访问</li>
    </ul>
    <h2>页面内容</h2>
    <ul>
        <li>
            <h3>标题</h3>
            <ul>
                <li>以“叶子”身份登录，点击导航条交作业</li>
                <li>勾选</li>
            </ul>
        </li>
        <li>
            <h3>输入框</h3>
            <ul>
                <li>包含：<input id="Checkbox1" type="checkbox" checked="checked" />未生效 
                    <input id="Checkbox2" type="checkbox" />已满员<input id="Checkbox3" type="checkbox" />已失效</li>
                <li>
                    <input id="Text1" type="text" /><input type="submit" value="搜索" /></li>
            </ul>
        </li>
        <li>
            <h3>列表项</h3>
            <ul>
                <li>每页最多显示5个目标</li>
                <li>每个目标由以内容组成：</li>
                <li>
                    <h4>头部</h4>
                    <ul>
                        <li>图标<ul>
                            <li><em>因性能方面的考虑，暂不显示复杂图标指示，最多用灰色表示已过期目标</em></li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        <ul>
            <ul>
                <li>显示目标的名称，点击可以展开和折叠其内容&nbsp;&nbsp;&nbsp; </li>
            </ul>
            <li>
                <h4>内容</h4>
            </li>
            <li>
                <h4>操作按钮</h4>
                <ul>
                    <li>根据当前用户和目标的关系，显示不同的按钮：</li>
                </ul>
            </li>
        </ul>
        <ul>
            <ul>
                <li>
                    <table style="width:100%;">
                        <tr>
                            <td class="auto-style1">&nbsp;</td>
                            <td class="auto-style4"><b>当前用户</b></td>
                            <td class="auto-style1"><b>目标</b></td>
                            <td class="auto-style1"><strong>按钮</strong></td>
                            <td class="auto-style8">自己的目标</td>
                            <td class="auto-style1">已加入</td>
                            <td class="auto-style1">已满员</td>
                            <td class="auto-style1">已生效</td>
                            <td class="auto-style1">已过期</td>
                            <td class="auto-style1">待完成任务</td>
                            <td class="auto-style1">待验收作业</td>
                            <td class="auto-style1"><b>说明</b></td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td class="auto-style5">叶子</td>
                            <td>CATII二级笔译备考</td>
                            <td>
                                <input type="submit" value="修改" /></td>
                            <td class="auto-style9"><strong>Y</strong></td>
                            <td>N/A</td>
                            <td>N/A</td>
                            <td>N/A</td>
                            <td>N/A</td>
                            <td>N</td>
                            <td>N/A</td>
                            <td>自己的目标，可以修改</td>
                        </tr>
                        <tr>
                            <td class="auto-style1">2</td>
                            <td class="auto-style4">叶子</td>
                            <td class="auto-style1">玩命听懂VOA</td>
                            <td class="auto-style1">
                                <input type="submit" value="交作业" /><input type="submit" value="修改" /></td>
                            <td class="auto-style8"><strong>Y</strong></td>
                            <td class="auto-style1">N/A</td>
                            <td class="auto-style1">N/A</td>
                            <td class="auto-style1">N/A</td>
                            <td class="auto-style1">N/A</td>
                            <td class="auto-style1"><strong>Y</strong></td>
                            <td class="auto-style1">N/A</td>
                            <td class="auto-style1">还有需要提交的任务</td>
                        </tr>
                        <tr>
                            <td class="auto-style1">3</td>
                            <td class="auto-style4">阿布</td>
                            <td class="auto-style1">玩命听懂VOA</td>
                            <td class="auto-style1">
                                <input type="submit" value="验收" /></td>
                            <td class="auto-style8">N</td>
                            <td class="auto-style1">Y</td>
                            <td class="auto-style1">N/A</td>
                            <td class="auto-style1">N/A</td>
                            <td class="auto-style1">N/A</td>
                            <td class="auto-style1">N/A</td>
                            <td class="auto-style1"><strong>Y</strong></td>
                            <td class="auto-style1">当前有可验收的任务</td>
                        </tr>
                        <tr>
                            <td class="auto-style1">4</td>
                            <td class="auto-style4">阿布</td>
                            <td class="auto-style1">游泳健身</td>
                            <td class="auto-style1">
                                <input type="submit" value="加入" /></td>
                            <td class="auto-style8">N</td>
                            <td class="auto-style1">N</td>
                            <td class="auto-style1">N</td>
                            <td class="auto-style10">N</td>
                            <td class="auto-style1">N</td>
                            <td class="auto-style1">N/A</td>
                            <td class="auto-style1">N/A</td>
                            <td class="auto-style1" rowspan="2">生效和未生效目标都可以加入</td>
                        </tr>
                        <tr>
                            <td class="auto-style1">5</td>
                            <td class="auto-style4">阿布</td>
                            <td class="auto-style1">跑步减肥（每周一三五）</td>
                            <td class="auto-style1">
                                <input type="submit" value="加入" /></td>
                            <td class="auto-style8">N</td>
                            <td class="auto-style1">N</td>
                            <td class="auto-style1">N</td>
                            <td class="auto-style10">Y</td>
                            <td class="auto-style1">N</td>
                            <td class="auto-style1">N/A</td>
                            <td class="auto-style1">N/A</td>
                        </tr>
                        <tr>
                            <td class="auto-style1">6</td>
                            <td class="auto-style4">阿布</td>
                            <td class="auto-style1">CATII二级笔译备考</td>
                            <td class="auto-style1">无</td>
                            <td class="auto-style8">N</td>
                            <td class="auto-style1"><strong>Y</strong></td>
                            <td class="auto-style1">N/A</td>
                            <td class="auto-style1">N/A</td>
                            <td class="auto-style1">N/A</td>
                            <td class="auto-style1">N/A</td>
                            <td class="auto-style1">N/A</td>
                            <td class="auto-style1">已经加入</td>
                        </tr>
                        <tr>
                            <td class="auto-style1">7</td>
                            <td class="auto-style4">阿布</td>
                            <td class="auto-style1">听写BBC</td>
                            <td class="auto-style1">无</td>
                            <td class="auto-style8">N</td>
                            <td class="auto-style1">N</td>
                            <td class="auto-style1">N</td>
                            <td class="auto-style1">Y</td>
                            <td class="auto-style1"><strong>Y</strong></td>
                            <td class="auto-style1">N/A</td>
                            <td class="auto-style1">N/A</td>
                            <td class="auto-style1">已过期</td>
                        </tr>
                        <tr>
                            <td class="auto-style1">8</td>
                            <td class="auto-style4">阿布</td>
                            <td class="auto-style1">《折腾》连载</td>
                            <td class="auto-style1">无</td>
                            <td class="auto-style8">N</td>
                            <td class="auto-style1">N</td>
                            <td class="auto-style1"><strong>Y</strong></td>
                            <td class="auto-style1">Y</td>
                            <td class="auto-style1">N</td>
                            <td class="auto-style1">N/A</td>
                            <td class="auto-style1">N/A</td>
                            <td class="auto-style1">已满员</td>
                        </tr>
                    </table>
                </li>
            </ul>
        </ul>
        <li>
            <h3>分页</h3>
        </li>
    </ul>
    <h2>输入验证</h2>
    <ul>
        <li>搜索框不能为空</li>
    </ul>
    <h2>筛选条件</h2>
    <ul>
        <li>
            <h3>首页</h3>
            <ul>
                <li>包括未生效</li>
                <li>不包括：已满员/已过期</li>
                <li>未采用：关键字过滤</li>
                <li>显示为：<ul>
                    <li>包含：<input id="Checkbox4" type="checkbox" checked="checked" />未生效 
                     
                        <input id="Checkbox5" type="checkbox" />已满员<input id="Checkbox6" type="checkbox" />已失效</li>
                    <li>
                        <input id="Text2" type="text" /><input type="submit" value="搜索" /></li>
                    </ul>
                </li>
            </ul>
        </li>
        <li>
            <h3>全部目标</h3>
            <ul>
                <li>包括：已满员/未生效</li>
                <li>不包括：已失效</li>
                <li>未采用：关键字过滤</li>
                <li>显示为：<ul>
                    <li>包含：<input id="Checkbox7" type="checkbox" checked="checked" />未生效 
                     
                        <input id="Checkbox8" type="checkbox" checked="checked" />已满员<input id="Checkbox9" type="checkbox" />已失效</li>
                    <li>
                        <input id="Text3" type="text" /><input type="submit" value="搜索" /></li>
                    </ul>
                </li>
                <li>只显示：我的全部目标/督促（url中包括：my=f）</li>
            </ul>
        </li>
    </ul>
    <ul>
        <li>
            <h3>全部督促</h3>
            <ul>
                <li>包括：已满员</li>
                <li>不包括：未生效/已过期</li>
                <li>未采用：关键字过滤</li>
                <li>显示为：<ul>
                    <li>包含：<input id="Checkbox10" type="checkbox" />未生效 
                     
                        <input id="Checkbox11" type="checkbox" checked="checked" />已满员<input id="Checkbox12" type="checkbox" />已失效</li>
                    <li>
                        <input id="Text4" type="text" /><input type="submit" value="搜索" /></li>
                    </ul>
                </li>
                <li>只显示：我的全部目标/督促（url中包括：my=s）</li>
            </ul>
        </li>
        <li>
            <h3>检查</h3>
            <ul>
                <li>
                    <h3>
                        <table style="width:100%;">
                            <tr>
                                <td class="auto-style11">条件</td>
                                <td class="auto-style10">目标</td>
                            </tr>
                            <tr>
                                <td class="auto-style13">未生效</td>
                                <td class="auto-style12">游泳健身</td>
                            </tr>
                            <tr>
                                <td class="auto-style13">已满员</td>
                                <td class="auto-style12">《折腾》连载</td>
                            </tr>
                            <tr>
                                <td class="auto-style13">已过期</td>
                                <td class="auto-style12">听写BBC</td>
                            </tr>
                        </table>
&nbsp;&nbsp;&nbsp; </h3>
                </li>
                <li>&nbsp;其他参考：<a href="../../story/Plan.html">数据库中目标</a>&nbsp;&nbsp;&nbsp; </li>
            </ul>
        </li>
    </ul>
    <h2>&nbsp;</h2>

</body>
</html>
